<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../../css/index.css" />
    <link rel="stylesheet" href="../../css/weui.css" />
    <link rel="stylesheet" href="../../css/personalCenter.css" />
    <script type="text/javascript" src="../../js/weui/zepto.min.js"></script>
</head>
<body style="background-color: #f8f8f8">
<div id="personalCenter">
    <div id="header">
        <div class="header_img"><img src="../../images/daohang2.jpg" alt=""></div>
        <div class="header_text">
            <div style="font-size: 14px;text-align: center">小美</div>
            <div style="font-size: 15px">已绑定美丽佳人店</div>
        </div>
        <a id="setting" href="setting.html">
            <img style="width: 100%;height: 100%;" src="../../images/shiyu/grzx_shezhi_icon@2x.png" alt="">
        </a>
    </div>
    <div class="page__bd page__bd_spacing">
        <div class="weui-flex">
            <div class="weui-flex__item" style="height: 3.2rem;margin-right: 2px;background-color: #fff"><div class="placeholder">
                <div class="weui-panel__bd" style="height: 3.2rem;text-align: center;">
                <div class="weui-media-box weui-media-box_appmsg" style="height: 3.2rem;padding: 0">
                    <div class="weui-media-box__bd">
                        <img style="position: absolute;top: 9px;left: auto;width: 30px;height: 30px" class="weui-media-box__thumb" src="../../images/shiyu/grzx_wdye_icon@2x.png" alt="">
                        <span class="weui-media-box__title" style="margin-left: 46px;font-size: 14px;position: relative;top: -2px;">我的余额</span>
                        <span class="weui-media-box__desc" style="margin-left: 46px;font-size: 14px;color: #FF5366;position: relative;top: -4px;">¥98.00</span>
                    </div>
                </div>
                    </div>
            </div>
            </div>
            <a href="myPackageCard.html" class="weui-flex__item" style="height: 3.2rem;margin-left: 2px;background-color: #fff"><div class="placeholder">
                <div class="weui-panel__bd" style="height: 3.2rem;text-align: center;">
                    <div class="weui-media-box weui-media-box_appmsg" style="height: 3.2rem;padding: 0">
                        <div class="weui-media-box__bd">
                            <img style="position: absolute;top: 13px;left: auto;width: 30px;height: 25px" class="weui-media-box__thumb" src="../../images/shiyu/grzx_wdtck_icon@2x.png" alt="">
                            <span class="weui-media-box__title" style="margin-left: 46px;font-size: 14px;position: relative;top: -2px;color: #333">我的套餐卡</span>
                            <span class="weui-media-box__desc" style="margin-left: 46px;font-size: 14px;color: #FF5366;position: relative;top: -3px;">共3张</span>
                        </div>
                    </div>
                </div>
            </div>
            </a>
        </div>
    </div>
    <div class="weui-panel" style="margin-top: 5px">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="reservateLog.html">
                        <div class="weui-cell__hd"><img src="../../images/shiyu/grzx_xiaofeijilu_icon@2x.png" alt="" style="width:25px;margin-right:10px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>消费记录</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                    <a class="weui-cell weui-cell_access" href="rechargeCard.html">
                        <div class="weui-cell__hd"><img src="../../images/shiyu/grzx_chongzhibanka_icon@2x.png" alt="" style="width:25px;margin-right:10px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>充值办卡记录</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div style="width: 92%;margin-left: 4%;background-color: #fff;margin-top: 7px">
        <a style="display:block;width: 96%;height: 2.2rem;background-color: #FB728B;border-bottom: 2px dotted #F46173;color: #fff;line-height: 2.3rem;padding-left: 4%">最近预约记录</a>
        <div class="weui-panel" style="margin-top: 0px">
            <div class="weui-panel__bd">
                <div class="weui-media-box weui-media-box_small-appmsg">
                    <div class="weui-cells" style="font-size: 13px;color: #797979">
                            <div class="weui-cell__bd weui-cell_primary" style="padding: 8px 16px 8px 33px">
                                <span style="display: inline-block;width: 80%;overflow: hidden">预约项目:面部套餐、强效补水</span><span style="float: right;color: #FB728B">代受理</span>
                            </div>
                    </div>
                    <div class="weui-cells" style="font-size: 13px;color: #797979">
                        <div class="weui-cell__bd weui-cell_primary" style="padding: 8px 33px">
                            <span>美容师:凯丽</span>
                        </div>
                    </div>
                    <div class="weui-cells" id="weui-cell" style="font-size: 13px;color: #797979">
                        <div class="weui-cell__bd weui-cell_primary" style="padding: 8px 33px;border: none">
                            <span>预约时间:2017/05/09 19:00:00</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="page">
    <div class="page__bd" style="height: 100%;">
        <div class="weui-tab">
            <div class="weui-tab__panel">
            </div>
            <div class="weui-tabbar">
                <a id="shouye" class="weui-tabbar__item">
                    <img src="../../images/shiyu/dibugongjulan_wdmry@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">我的美容院</p>
                </a>
                <a href="../appointment/appointment.html" class="weui-tabbar__item">
                    <img src="../../images/shiyu/dibugongjulan_yy@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">预约</p>
                </a>
                <a href="javascript:;" class="weui-tabbar__item">
                    <img src="../../images/shiyu/dibugongjulan_gerenzhongxin_xuanzhong@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label" style="color: #FC6471;">个人中心</p>
                </a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $('#shouye').click(function(){
        location.href = '../homePage/vipPageHome.html';
    })
</script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
</body>
</html>